<!-- 我的系统 -->

<template>
  <div>
    <MajorTitle title="系统规则" />

    <div>
      <FormSelect label="最少工作时间" bind="shortTime" :dict="DICT.HOUR" tip="请选择" :width="240" noClear required />
      <FormSlot label="小时" :width="240" word2 />
    </div>

    <div>
      <FormSelect
        label="有效打卡时间"
        bind="effectiveTime"
        :dict="DICT.MINUTE"
        tip="请选择"
        :width="240"
        noClear
        required
      />
      <FormSlot label="分钟" :width="80" word2 />
    </div>
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MySystem',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixScreen()],

  /**
   * 监听属性 (深度 deep 首次 immediate)
   */
  watch: {
    /**
     * 监听
     */
    'info.effectiveTime': {
      immediate: true,
      handler() {
        this.info.effectiveRelaxTime = this.info.effectiveTime // 保持两值一致
      },
    },
  },
}
</script>
